import React, { Component } from "react";
import WithTooltip from "./withTooltip";

// const ItemA = (props) => {
//   return (
//     <div className="container">
//       <button className="btn btn-primary" type="btn">
//         Tooltop A {props.data}
//       </button>

//       {props.action.showTooltip && (
//         <span className="badge badge-pill badge-primary ml-2">
//           {props.action.content}
//         </span>
//       )}
//     </div>
//   );
// };

class ItemA extends Component {
  state = {};
  render() {
    return (
      <div className="container">
        <button className="btn btn-primary" type="btn">
          Tooltop A {this.props.data}
        </button>

        {this.props.action.showTooltip && (
          <span className="badge badge-pill badge-primary ml-2">
            {this.props.action.content}
          </span>
        )}
      </div>
    );
  }
}

export default WithTooltip(ItemA);

